<admintpl file="header" />
<!--/*下拉搜索*/-->
<script src="__PUBLIC__/js/chosen.jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/select3/css/default.css">
<link href="__PUBLIC__/simpleboot/chosen.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" media="screen" href="__PUBLIC__/select3/css/select3.css">
<!--/*下拉搜索*/-->
<style type="text/css">
.pic-list li {
	margin-bottom: 5px;
}
	th{
		white-space: nowrap;
	}
</style>
<script type="text/html" id="photos-item-wrapper">
	<li id="savedimage{id}">
		<input id="photo-{id}" type="hidden" name="photos_url[]" value="{filepath}">
		<input id="photo-{id}-name" type="text" name="photos_alt[]" value="{name}" style="width: 160px;" title="图片名称">
		<img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;" onclick="parent.image_preview_dialog(this.src);">
		<a href="javascript:upload_one_image('图片上传','#photo-{id}');">替换</a>
		<a href="javascript:$('#savedimage{id}').remove();">移除</a>
	</li>
</script>
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li><a href="{:U('Activity/index')}">活动列表</a></li>
			<li class="active"><a href="{:U('AdminActivity/add')}" target="_self">活动添加</a></li>
		</ul>
		<form action="{:U('AdminActivity/add_post')}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">
			<div class="row-fluid">
				<div class="span9">
					<table class="table table-bordered">
						<tr>
							<th>活动名称</th>
							<td>
								<input type="text"  name="post[name]" id="title" required value="" placeholder="请输入活动名称"/>
							</td>
						</tr>
						<tr>
							<th>分类</th>
							<td>
                                <select name="post[act_classify]">
                                    <option value ="1">精英游学班</option>
                                    <option value ="2">名师高级课</option>
                                    <option value="3">盘手实训营</option>
                                </select>
                            </td>
						</tr>
						<tr>
							<th>导师选择</th>
							<td>
                                <div id="example-1" class="select3-input example-input"></div>
                                <input type="hidden" name="post[uid]" id="zhuxue" value=""/>
                            </td>
						</tr>
                        <script type="text/javascript">
                            $(".chzn-select").chosen();
                        </script>
						<tr>
							<th>原价格</th>
							<td>
                                <input type="text" name="post[market_price]" value="" onkeyup="value=value.replace(/[^\d.]/g,'')" />
							</td>
						</tr>
                        <tr>
                            <th>销售价格</th>
                            <td>
                                <input type="text" name="post[shop_price]" value="" onkeyup="value=value.replace(/[^\d.]/g,'')" />
                            </td>
                        </tr>
                        <tr>
                            <th>限制人数</th>
                            <td>
                                <input type="text" name="post[peo_number]" value="" onkeyup="this.value=this.value.replace(/\D/g,'')" />
                            </td>
                        </tr>
                        <tr>
                            <th>活动地址</th>
                            <td>
                                <input type="text" name="post[address]" value=""/>
                            </td>
                        </tr>
						<tr>
							<th>内容</th>
							<td>
								<script type="text/plain" id="content" name="post[post_content]"></script>
							</td>
						</tr>
						<tr>
							<th>相册图集</th>
							<td>
								<ul id="photos" class="pic-list unstyled"></ul>
								<a href="javascript:upload_multi_image('图片上传','#photos','photos-item-wrapper');" class="btn btn-small">选择图片</a>
							</td>
						</tr>
					</table>
				</div>
				<div class="span3">
					<table class="table table-bordered">
						<tr>
							<th><b>缩略图</b></th>
						</tr>
						<tr>
							<td>
								<div style="text-align: center;">
									<input type="hidden" name="smeta[thumb]" id="thumb" value="">
									<a href="javascript:upload_one_image('图片上传','#thumb');">
										<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand" />
									</a>
									<input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
								</div>
							</td>
						</tr>
						<tr>
							<th><b>活动开始时间-活动结束时间</b></th>
						</tr>
						<tr>
							<td>
								<input type="text" name="post[act_start_time]" value="{:date('Y-m-d',time())}" class="js-date" style="width: 160px;">-
                                <input type="text" name="post[act_end_time]" value="{:date('Y-m-d',time())}" class="js-date" style="width: 160px;">
                            </td>
						</tr>
						<tr>
							<th><b>报名开始时间-报名结束时间</b></th>
						</tr>
						<tr>
							<td>
								<input type="text" name="post[sig_start_time]" value="{:date('Y-m-d',time())}" class="js-date" style="width: 160px;">-
                                <input type="text" name="post[sig_end_time]" value="{:date('Y-m-d',time())}" class="js-date" style="width: 160px;">
                            </td>
						</tr>
						<tr>
							<th><b>状态</b></th>
						</tr>
						<tr>
							<td>
								<label class="radio"><input type="radio" name="post[status]" value="1" checked>进行</label>
								<label class="radio"><input type="radio" name="post[status]" value="0">结束</label>
							</td>
						</tr>
						<tr>
							<td>
								<label class="radio"><input type="radio" name="post[istop]" value="1">置顶</label>
								<label class="radio"><input type="radio" name="post[istop]" value="0" checked>未置顶</label>
							</td>
						</tr>
						<tr>
							<td>
								<label class="radio"><input type="radio" name="post[recommended]" value="1">推荐</label>
								<label class="radio"><input type="radio" name="post[recommended]" value="0" checked>未推荐</label>
							</td>
						</tr>

					</table>
				</div>
			</div>
			<div class="form-actions">
				<button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
				<a class="btn" href="javascript:history.back(-1);">返回</a>
			</div>
		</form>
	</div>
    <script type="text/javascript" src="__PUBLIC__/select3/js/select3-full.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
		//编辑器路径定义
		var editorURL = GV.WEB_ROOT;
	</script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$(".js-ajax-close-btn").on('click', function(e) {
				e.preventDefault();
				Wind.use("artDialog", function() {
					art.dialog({
						id : "question",
						icon : "question",
						fixed : true,
						lock : true,
						background : "#CCCCCC",
						opacity : 0,
						content : "您确定需要关闭当前页面嘛？",
						ok : function() {
							setCookie("refersh_time", 1);
							window.close();
							return true;
						}
					});
				});
			});
			/////---------------------
			Wind.use('validate', 'ajaxForm', 'artDialog', function() {
				//javascript

				//编辑器
				editorcontent = new baidu.editor.ui.Editor();
				editorcontent.render('content');
				try {
					editorcontent.sync();
				} catch (err) {
				}
				//增加编辑器验证规则
				jQuery.validator.addMethod('editorcontent', function() {
					try {
						editorcontent.sync();
					} catch (err) {
					}
					return editorcontent.hasContents();
				});
				var form = $('form.js-ajax-forms');
				//ie处理placeholder提交问题
				if ($.browser && $.browser.msie) {
					form.find('[placeholder]').each(function() {
						var input = $(this);
						if (input.val() == input.attr('placeholder')) {
							input.val('');
						}
					});
				}

				var formloading = false;
				//表单验证开始
				form.validate({
					//是否在获取焦点时验证
					onfocusout : false,
					//是否在敲击键盘时验证
					onkeyup : false,
					//当鼠标掉级时验证
					onclick : false,
					//验证错误
					showErrors : function(errorMap, errorArr) {
						//errorMap {'name':'错误信息'}
						//errorArr [{'message':'错误信息',element:({})}]
						try {
							$(errorArr[0].element).focus();
							art.dialog({
								id : 'error',
								icon : 'error',
								lock : true,
								fixed : true,
								background : "#CCCCCC",
								opacity : 0,
								content : errorArr[0].message,
								cancelVal : '确定',
								cancel : function() {
									$(errorArr[0].element).focus();
								}
							});
						} catch (err) {
						}
					},
					//验证规则
					rules : {
						'post[post_title]' : {
							required : 1
						},
						'post[post_content]' : {
							editorcontent : true
						}
					},
					//验证未通过提示消息
					messages : {
						'post[post_title]' : {
							required : '请输入标题'
						},
						'post[post_content]' : {
							editorcontent : '内容不能为空'
						}
					},
					//给未通过验证的元素加效果,闪烁等
					highlight : false,
					//是否在获取焦点时验证
					onfocusout : false,
					//验证通过，提交表单
					submitHandler : function(forms) {
						if (formloading)
							return;
						$(forms).ajaxSubmit({
							url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
							dataType : 'json',
							beforeSubmit : function(arr, $form, options) {
								formloading = true;
							},
							success : function(data, statusText, xhr, $form) {
								formloading = false;
								if (data.status) {
									setCookie("refersh_time", 1);
									//添加成功
									Wind.use("artDialog", function() {
										art.dialog({
											id : "succeed",
											icon : "succeed",
											fixed : true,
											lock : true,
											background : "#CCCCCC",
											opacity : 0,
											content : data.info,
											button : [ {
												name : '继续添加？',
												callback : function() {
													reloadPage(window);
													return true;
												},
												focus : true
											}, {
												name : '返回列表页',
												callback : function() {
													location = "{:U('AdminActivity/index')}";
													return true;
												}
											} ]
										});
									});
								} else {
									artdialog_alert(data.info);
								}
							}
						});
					}
				});
			});
			////-------------------------
		});
	</script>
    <script>
        var cities = {$cheshi};
        console.log(cities);
        $('#example-1').select3({
            allowClear: true,
            items: cities,
            placeholder: '请输出导师名称'
        });
        $('#example-1').on('change', function (event) {
            $("#zhuxue").val(event.value)
        });
    </script>
</body>
</html>